<script lang="ts" setup name="playground">
// h 等价于 createVNode
// createVNode: 作用：创建虚拟DOM
// 参数1：创建的虚拟DOM的节点类型  比如  div h1  a  img
// 参数2：虚拟DOM拥有的属性，是一个对象
// 参数3：虚拟DOM节点的内容

import { h, onMounted, render } from 'vue'

const vNode = h('div', { title: '标题' }, '芜湖')
onMounted(() => {
  // 参数1：虚拟DOM
  // 参数2：真实的DOM，，，虚拟DOM的挂载点
  render(vNode, document.querySelector('.box')!)
})
</script>

<template>
  <div class="box">
    <h1 title="标题" class="aa">我是标题</h1>
  </div>
</template>

<style scoped lang="less"></style>
